page {
	font-size: 28rpx;
	background: #fff;

	.page-wrapper {
		.close-page {
			width: 44px;
			height: 44px;
			position: fixed;
			left: 0;
			top: var(--status-bar-height);
			display: flex;
			z-index: 999;
			align-items: center;
			justify-content: center;

			text {
				font-size: 32rpx;
				color: #999;
			}
		}

		.page-header {
			position: relative;
			margin-bottom: calc(var(--status-bar-height) + 20rpx);
			text-align: center;
			padding: 88upx 0 103upx;
			.logo {
				width: 188upx;
				height: 188upx;
				border-radius: 8px;
			}
		}

		// 表单模块 - 密码登录、验证码登录
		.form-wapper {
			width: 100%;
			box-sizing: border-box;
			padding: 0 75rpx 144upx;
			border-radius: 10rpx;
			background: #fff;
			.form-w-num,
			.form-w-password {
				position: relative;
				display: flex;
				align-items: center;
				border-bottom: 1px solid #eee;

				.xs-phhone {
					display: inline-block;
					vertical-align: middle;
					width: 42upx;
					height: 42upx;
				}
				.xs-sec {
					display: inline-block;
					vertical-align: middle;
					width: 42upx;
					height: 42upx;
				}
				.title {
					display: inline-block;
					vertical-align: middle;
					font-size: 30rpx;
					color: #333;
				}

				.input-wapper {
					display: flex;
					flex-direction: row;
					width: 100%;
					height: 120upx;
					padding: 40upx 0;
					flex-wrap: wrap;
					align-items: center;
					position: relative;
					margin-left: 16upx;

					// &:after {
					//   @include bottom-line(#eee)
					// }

					.eye {
						font-size: 18rpx;
						// line-height: 90rpx;
						padding-left: 20rpx;

						.fu-iconfont {
							font-size: 32rpx;
						}
					}

					.lside {
						width: 54rpx;
						text-align: left;
					}

					.rside {
						position: relative;
						flex: 1;
						.close {
							position: absolute;
							right: 0;
							top: 50%;
							transform: translate(0, -50%);
							width: 30upx;
							height: 30upx;
						}
					}

					.fu-iconfont {
						font-size: 40rpx;
						color: #bfbfbf;
					}

					input {
						// padding: 15rpx 0;
						// height: 90rpx;
						// padding: 40upx 0;
						color: #333;
						font-size: 32upx;
					}

					.input-placeholder {
						color: #bfbfbf;
					}
				}

				.get-code-btn {
					border: 0;
					background: #fff;
					font-size: 24rpx;
					color: $fu-main-color;
					text-align: right;
					padding-left: 0;
					padding-right: 0;

					&:after {
						border: 0;
					}
				}
			}

			.paw {
				line-height: 80rpx;
				width: 100%;
				height: 80rpx;
				text-align: right;
				color: #333333;
				display: flex;
				justify-content: flex-end;
			}
		}

		// 登录按钮
		.login-btn-wrapper {
			padding: 0 75rpx;

			.login-btn {
				display: block;
				text-align: center;
				width: 100%;
				font-size: 32upx;
				color: #fff;
				background-image: $fu-btn-bg;
				background-blend-mode: normal, normal;
				border-radius: 30px;
				line-height: 1;
				padding: 22upx 0;
			}
			.btnFalse {
				opacity: 0.5;
			}
		}

		// 忘记密码、注册账号
		.reg-paw {
			margin: 32upx 0;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 0 75upx;

			text {
				font-size: 28upx;
				display: inline-block;
				// width: 30%;
				color: #999;
				position: relative;
				margin:  0 16rpx;
			}
			.register{
				width: 1px;
				height: 14px;
				background-color: #999999;
			}
			.active {
				color: #00dc79;
			}

			// text:first-child {
			//   &:after {
			//     @include right-line(#c5c5c5);
			//     height: 24rpx;
			//     position: absolute;
			//     right: 0;
			//     top: 0;
			//     bottom: 0;
			//     margin: auto;
			//   }
			// }
		}

		// 快捷登录
		.quick {
			text-align: center;
			padding-bottom: 80rpx;

			&-title {
				margin: 160rpx 0 50rpx 0;
				display: flex;
				align-items: center;
				justify-content: center;

				.txt {
					font-size: 24rpx;
					color: #999;
					padding: 0 20rpx;
				}

				.line {
					display: block;
					width: 120rpx;
					position: relative;

					&:after {
						@include bottom-line(#eee);
					}
				}
			}

			&-icons {
				image {
					width: 70rpx;
					height: 70rpx;
					margin: 0 35rpx;
				}
			}
		}
	}
	// 协议
	.agreement {
		width: 100%;
		text-align: center;
		color: #666;
		line-height: 50rpx;
		padding-bottom: 60rpx;
		margin-top: 106upx;
		image {
			display: inline-block;
			vertical-align: middle;
			width: 30upx;
			height: 30upx;
			margin-right: 8upx;
		}
		text {
			color: $fu-main-color;
		}
	}
}
